<template>
  <div class="yongjinzhichu">
    <!-- <div class="powertop">
      <router-link class="powertopli " to="/yongjinzhichu/zhichuguanli" v-if="checkquanxian('V0201').length > 0">支出订单管理</router-link>
      <router-link class="powertopli " to="/yongjinzhichu/yongjinzhichu" v-if="checkquanxian('V0202').length > 0">佣金支出</router-link>
      <router-link class="powertopli " to="/yongjinzhichu/zhichudakuanshenhe" v-if="peizhi.second_commission_examine && checkquanxian('V0204').length > 0">支出审核</router-link>
      <router-link class="powertopli powertopact" to="/yongjinzhichu/zhichudakuan" v-if="checkquanxian('V0203').length > 0">支出打款</router-link>

      <router-link class="powertopli" to="/yongjinzhichu/zhichupeizhi"  v-if="zhichupeizhi">支出配置</router-link>
      <router-link class="powertopli " to="/yongjinzhichu/yongjinzhichubaobiao" v-if="checkquanxian('V0205').length > 0">佣金支出报表</router-link>
    </div> -->
    <top2></top2>
    <div v-loading='loading' style="padding: 20px;">
      <daizhichujilu v-if="act == 1"></daizhichujilu>
    </div>
  </div>
</template>

<script>
  import top2 from './top.vue'
  import axios from 'axios'
  import top from '@/components/top.vue'
  import left from '@/components/left.vue'
  import foot from '@/components/foot.vue'
  import moment from "moment";
  import XLSX from 'xlsx';
  import daizhichujilu from './jilu/daizhichujilu.vue'
  import yizhichujilu from './jilu/yizhichujilu.vue'
  import {
      read,utils
    } from 'xlsx'

  export default {
    components: {
      "left": left,
      "top": top,
      "foot": foot,
      daizhichujilu,
      yizhichujilu,
      top2
    },
    name: "yongjinzhichu",
    data() {
      return {
        act:1,
        peizhi:"",
        zhichupeizhi:false

      }
    },
    created() {
      if(JSON.parse(localStorage.getItem('USER')).id == JSON.parse(localStorage.getItem('SHOP')).shop_id){
        this.zhichupeizhi = true
      }
      // axios.get('/api/plan-market/expend/shopConfigInfo')
      //   .then(response => {
      //     if (response.data.msg.code == 0) {
      //       this.peizhi = response.data.data

      //     } else {
      //       this.$message.error(response.data.msg.info);
      //     }
      // })
    },
    mounted() {

    },
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
  .yongjinzhichu {

    .powertop {
    	display: flex;
    	background:#f9f9f9;
    }
    .powertopli {
    	flex-basis: 180px;
    	line-height: 50px;
    	border-bottom: 3px #F9F9F9 solid;
    	color: #727272;
    	border-right: 1px #F9F9F9 solid;
    	font-size: 16px;
    	text-align: center;
    }
    .router-link-active {
    	background: #FFFFFF;
    	border-bottom: 3px #2974FF solid;
    }

  }
</style>
